<template>
  <div class="MyServer">
    <div class="content">
      <el-container style="height: 500px; border: 1px solid #eee">
        <el-aside width="260px" style="background-color: rgb(238, 241, 246)">
          <el-menu :default-openeds="['1']">
            <el-submenu index="1">
              <template slot="title">对接流程</template>
              <el-menu-item-group>
                <el-menu-item index="1-1"
                  ><router-link to="/MyServer/MySon"
                    >1：接入引导</router-link
                  ></el-menu-item
                >
                <el-menu-item index="1-2"
                  ><router-link to="/MyServer/MyCeshi"
                    >2：测试联调说明</router-link
                  ></el-menu-item
                >
                <el-menu-item index="1-3">
                  <router-link to="/MyServer/MyKifa">3：开发指南</router-link>
                </el-menu-item>
                <el-menu-item index="1-4">
                  <router-link to="/MyServer/MySuoyin">4：API索引</router-link>
                </el-menu-item>
                <el-menu-item index="1-4">
                  <router-link to="/MyServer/MyWnti">5：常见问题</router-link>
                </el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="2">
              <template slot="title">接口文档</template>
              <el-menu-item-group>
                <el-menu-item index="2-1">1：查询开通城市</el-menu-item>
                <el-menu-item index="2-2">2：查询商户店铺</el-menu-item>
                <el-menu-item index="2-3">3：查询保单产品</el-menu-item>
                <el-menu-item index="2-4"
                  >4：查询城市可指定交通方式</el-menu-item
                >
                <el-menu-item index="2-5">5：订单计费</el-menu-item>
                <el-menu-item index="2-6">6：提交订单</el-menu-item>
                <el-menu-item index="2-7">7：订单加价</el-menu-item>
                <el-menu-item index="2-8">8：查询订单状态</el-menu-item>
                <el-menu-item index="2-9">9：查询闪送员位置信息</el-menu-item>
                <el-menu-item index="2-10"
                  >10：查询订单续重加价金额</el-menu-item
                >
                <el-menu-item index="2-11">11：支付订单续重费用</el-menu-item>
                <el-menu-item index="2-12">12：订单预取消</el-menu-item>
                <el-menu-item index="2-13">13：订单取消</el-menu-item>
                <el-menu-item index="2-14">14：确认物品送回</el-menu-item>
                <el-menu-item index="2-15">15：新增店铺</el-menu-item>
                <el-menu-item index="2-16">16：修改店铺</el-menu-item>
                <el-menu-item index="2-17">17：查询账号额度</el-menu-item>
                <el-menu-item index="2-18">18：订单状态回调</el-menu-item>
                <el-menu-item index="2-19">19：修改收件人手机号</el-menu-item>
                <el-menu-item index="2-20">20：批量新增店铺</el-menu-item>
                <el-menu-item index="2-21">21：查询订单ETA</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
          </el-menu>
        </el-aside>
        <router-view></router-view>
      </el-container>
    </div>
  </div>
</template>
<script>
export default {
  name: "MyServer",
  data() {
    const item = {
      date: "2016-05-02",
      name: "王小虎",
      address: "上海市普陀区金沙江路 1518 弄",
    };
    return {
      tableData: Array(20).fill(item),
    };
  },
};
</script>

<style scoped>
.right {
  overflow-y: scroll;
}
* {
  margin: 0;
  padding: 0;
}
img {
  display: block;
  width: 100%;
  height: 100%;
}
body {
  background: #f0f2f5;
}
.el-container {
  height: 100vh;
  margin-top: 10px;
}
.el-aside {
  height: 100vh;
  color: #333;
}
.el-header {
  background-color: #b3c0d1;
  color: #333;
  line-height: 60px;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  color: #409eff;
}
.documentCenter {
  width: 100%;
  height: 870px;
  /* background: red; */
}
.el-header {
  background-color: #b3c0d1;
  /* color: #333; */
  line-height: 60px;
}
.el-menu {
  height: 870px;
  width: 226px;
}
.el-aside {
  width: 226px !important;
}
.el-aside::-webkit-scrollbar {
  display: none;
}
.big {
  height: 870px;
  border: 1px solid #eee;
  /* background: #333; */
}
.right {
  width: 1646px;
  height: 870px;
  background: red;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  color: #009bff;
}
</style>